<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
    <title></title>
    <link href="css/ionic.min.css" type="text/css" rel="stylesheet"/>
    <script type="text/javascript" charset="UTF-8" src="js/ionic.bundle.min.js"></script>
    <script charset="UTF-8" type="text/javascript" src="js/ionic.min.js"></script>
</head>
<body>
<div class="bar bar-header bar-energized">
    <h1 class="title">Header</h1>
    <button class="button icon ion-plus"></button>
</div>
<div class="scroll-content has-header">
    <div class="list">
        <div class="item item-avatar">
            <img src="img/emptyDraft.png">
            <h2>杰里科</h2>
            <p>要去吃饭么</p>
        </div>
        <div class="item item-avatar">
            <img src="img/club.jpg">
            <h2>小宝</h2>
            <p>真的好好吃啊...</p>
        </div>
        <div class="item item-avatar">
            <img src="img/placeholder.png">
            <h2>宝贝</h2>
            <p>我们周末去爬山吧！</p>
        </div>
        <div class="item item-avatar">
            <img src="img/avatar.jpg">
            <h2>老妈</h2>
            <p>要去吃饭么</p>
        </div>
        <div class="item item-avatar">
            <img src="img/iconAdd.png">
            <h2>鬼魅</h2>
            <p>I love this game!</p>
        </div>

    </div>
    <a class="button button-block button-energized" href="html6.html">上一个案例-list列表</a>
    <a class="button button-block button-energized" href="new.html">下一个案例-带图片的新闻</a>
</div>
<div class="bar bar-dark bar-footer">
    <h1 class="title">footer</h1>
</div>
</body>
</html>